Visual identity and portfolio website

Categories: Visual identity - Web - Publishing
Activity area: web development - UX/UI - graphic design - communication - marketing
Role: web developer, graphic designer, freelance web designer
Context: creation of my micro-enterprise
Date: 2023

Technologies and software:

ADOBE PHOTOSHOP - ILLUSTRATOR - INDESIGN - ADOBE XD - FIGMA - HTML - CSS - BOOTSTRAP - JAVASCRIPT - PHP - MYSQL - GIT - GITHUB

View Website

About BEDEVDESIGN

BEDEVDESIGN, is the company that I created as part of my freelance activity. The name BEDEVDESIGN brings together my initials “BE” (Bendo Eryphilia) and my jobs (Consultant, Web Developer, UX/UI and Graphic Designer).

The challenge

I want to create a visual identity that reflects my values and a website where visitors would have a great experience.

Technical challenges

Animations

Integration of advanced animations (logo animation, counter, loader, sliders, call-to-action buttons, vector animations, buttons, hover animation, etc.)

Bilingual portfolio

Development of a bilingual French-English portfolio.

Portfolio gallery

Creation of a space to present my creations.

Forms

Contact forms.

The solution

Work carried out:

Carrying out a SWOT analysis (Strengths, Weaknesses, Opportunities, Threats) and benchmarking.
Definition of a strategy and an action plan.
Design of the logo and graphic charter.
Development of print and web communication tools: business cards, web banners for social networks (Facebook, Instagram, LinkedIn...) and community management in both French and English.
Wireframe, Web design (UX and UI), content design (text and visuals) and selection of elements for the "Portfolio" section.
Creation of visuals, mockups and animations.
Web development and implementation of functionalities: contact form, portfolio gallery, responsive website (compatible on all media) in both French and English.
Tests, upload and maintenance.

Colors

I created a color palette based on purple, blue, fuchsia pink and black. This palette reflects the values that I wish to convey.

Loyalty, creativity and peace

Trust and loyalty

Vitality, joy, cheerfulness and energy

Seriousness, elegance and rigor

Elegance and femininity

Softness, tenderness and poetry

Femininity, softness and lightness

Fonts

For the creation of my logo, I used the font Now Alt black and regular. This font is classic and timeless.

For the tools and website, I used Playfair Display for the titles and Montserrat for the subtitles and body text. Playfair Display is elegant. Montserrat is classic and timeless. In addition, it inspires sympathy, while setting a serious tone.

Logo design

My logo is original, authentic and represents my values.

Creation of visuals for headers

Webdesign and development

I created a user-oriented website, fluid for visitors. Within the site, I have established a clear path, which guides visitors step by step, from discovering my achievements, who I am, my expertise, until making contact. The site contains 5 sections: